<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="description" content="Layer Cake" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<meta name="theme-color" content="#ff3e00" />

		<link rel="icon" type="image/png" href="/layercake-logo-100.png" />

		<meta property="og:site_name" content="https://layercake.graphics" />
		<meta property="og:type" content="article" />
		<meta name="twitter:card" content="summary_large_image" />

		<meta property="og:image" content="https://layercake.graphics/layercake-logo-1200.png" />
		<meta
			property="og:description"
			content="A framework for mostly-reusable graphics with svelte"
		/>
		<meta name="description" content="A framework for mostly-reusable graphics with svelte" />
		<meta
			name="keywords"
			content="layercake, graphics, svelte, graphics framework, svelte graphics framework, data viz, data visualization, reusable, mostly-reusable"
		/>
		<meta property="og:url" content="https://layercake.graphics" />
		<link rel="shortcut icon" type="image/png" href="https://layercake.graphics/favicon.png" />

		<meta name="twitter:site" content="https://layercake.graphics" />
		<meta name="twitter:image" content="https://layercake.graphics/layercake-logo-1200.png" />

		%sveltekit.head%
	</head>
	<body data-sveltekit-preload-data="hover">
		<div id="svelte">%sveltekit.body%</div>
	</body>
</html>
